<%@ page language="java" contentType="text/html;charset=utf-8" pageEncoding="utf-8"%>
<%@ include file="../../init.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
.round_div {
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	background:#FFF;
	border: 1px solid #CFD0D0;
	position:absolute;
	width: 350px;
	height: 300px;
	z-index:90;
	box-shadow:2px 2px 1px rgba(0,0,0,0.2);
}
.round_div_press {
	cursor:pointer;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	background:#FFF;
	border: 1px solid #CFD0D0;
	position:absolute;
	width: 350px;
	height: 300px;
	z-index:90;
}
.bg_img{
   	margin:0px 0px 0px 0px;
   	background:url('${ctx}/img/1.jpg');
   	filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
   	-moz-background-size:100% 100%;
   	-webkit-background-size:100% 100%;
   	background-size:100% 100%;
}
.btn_up{
	padding-top: 10px;
	border: solid 1px #CFD0D0;
	width:45%;
	background:#FFF;
	box-shadow:2px 2px 1px rgba(0,0,0,0.2);
	height:30px;
	border-radius: 5px 5px 5px 5px;
	text-align: center;
	cursor: pointer;
	z-index:92;
}
a{
	color: #999;
	font-size: 15px;
	text-decoration: none;
	cursor: pointer;
}
a:hover{
	color:#194216;
	font-weight: bold;
}
.btn_down{
	padding-top: 10px;
	border: solid 1px #CFD0D0;
	width:45%;
	background:#D1F902;
	height:30px;
	border-radius: 5px 5px 5px 5px;
	text-align: center;
	z-index:92;
	cursor: pointer;
}
input{
	width: 100%;
	border: solid 0px #CFD0D0;
	height: 30px;
	font-size: 20px;
	font-weight: bold;
	color:#999;
	cursor: pointer;
}
#pwd_text,#email_text,#email_register_text,#pwd_register_text,#check_register_text,#sure_register_text{
	width: 100%;
	border-color: #CFD0D0;
	border-style: solid;
	border-width: 2px;
	border-radius:3px 3px 3px 3px;
	cursor: pointer;
}
</style>
<script type="text/javascript" src="${ctx }/js/page/login/home.js"></script>
<title>Lazy Bug</title>
</head>
<body>
<div class="bg_img">
	<div id="div_sub_1" style="background:#FFF;z-index:48;width:100%;position: absolute;top: 0px;left: 0px;">
		<div id="title" style="position: absolute;left: 0px;margin-left: 50px;margin-top: 10px;">
			<label style="color: #999;font-size: 25px;font-family:monospace;">Lazy Bug</label>
			<label style="border-left: 1px solid #CFD0D0;font-size: 25px;margin-left: 10px;">&nbsp;</label>
			<label style="color: #999;font-size: 13px;">Anything will be simple,come with me.</label>
		</div>
	</div>
	<div id="div_sub_2" style="background:#FFF;z-index:50;width:100%;position:absolute;left: 0px;">
		<div style="margin-left: 50px;margin-top: 10px;">
			<label style="color: #999;font-size: 13px;">Honor Products by Cuotoniu Studio.</label>
			<label style="color: #999;font-size: 13px;">Contact us:<a href="mailto:cuotoniu@163.com" title="email:cuotoniu@163.com">cuotoniu@163.com</a>.</label>
		</div>
	</div>
</div>
<div id='login' class="round_div">
	<table cellpadding="0" cellspacing="0" border="0" width="290px" style="margin-top: 50px;margin-left: 30px;">
	<tr>
		<td style="color: #999;font-size: 13px;">Email:</td>
		<td >&nbsp;</td>
	</tr>
	<tr>
		<td colspan="2">
			<div id="email_text">
				<input type="text" name="email" style="background-color: #F3F3F3;"/>
			</div>
		</td>
	</tr>
	<tr><td colspan="2" style="height: 30px;">&nbsp;</td></tr>
	<tr>
		<td width="100px" style="color: #999;font-size: 13px;">Password:</td>
		<td width="190px" align="right"><a href="#">forget password?</a></td>
	</tr>
	<tr>
		<td colspan="2" width="290px">
			<div id="pwd_text">
				<input type="password" name="pwd" style="background-color: #F3F3F3;"/>
			</div>
		</td>
	</tr>
	<tr><td style="height: 30px;" colspan="2">&nbsp;</td></tr>
	<tr>
		<td align="right" colspan="2">
			<div id="login_btn" class="btn_up" style="float: left;">
				<label id="login_label_btn" style="color: #999;font-size: 15px;cursor: pointer;">Login</label>
			</div>
			<div id="register_btn" class="btn_up">
				<label id="register_label_btn" style="color: #999;font-size: 15px;cursor: pointer;">Register</label>
			</div>
		</td>
	</tr>
	</table>
	<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-top: 30px;margin-left: 30px;display: none;margin-right: 30px;">
	<tr>
		<td align="left" style="color: #999;font-size: 13px;">Email:</td>
		<td>
			<div id="email_register_text">
				<input type="text" name="email_register" style="background-color: #F3F3F3;"/>
			</div>
		</td>
	</tr>
	<tr><td style="height: 30px;" colspan="2">&nbsp;</td></tr>
	<tr>
		<td align="left" style="color: #999;font-size: 13px;">Password:</td>
		<td>
			<div id="pwd_register_text">
				<input type="password" name="pwd_register" style="background-color: #F3F3F3;"/>
			</div>
		</td>
	</tr>
	<tr><td style="height: 30px;" colspan="2">&nbsp;</td></tr>
	<tr>
		<td align="left" style="color: #999;font-size: 13px;">Pwd sure:</td>
		<td>
			<div id="sure_register_text">
				<input type="password" name="sure_register" style="background-color: #F3F3F3;"/>
			</div>
		</td>
	</tr>
	<tr><td style="height: 30px;" colspan="2">&nbsp;</td></tr>
	<tr>
		<td align="right" colspan="2">
			<div id="return_btn" class="btn_up" style="float: left;">
				<label id="return_label_btn" style="color: #999;font-size: 15px;cursor: pointer;">Return</label>
			</div>
			<div id="next_btn" class="btn_up">
				<label id="next_label_btn" style="color: #999;font-size: 15px;cursor: pointer;">Next</label>
			</div>
		</td>
	</tr>
	</table>
	<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-top: 80px;margin-left: 30px;display: none;margin-right: 30px;">
	<tr>
		<td align="right" style="color: #999;font-size: 13px;">CheckCode:</td>
		<td>
			<div id="check_register_text">
				<input type="text" name="check_register" style="background-color: #F3F3F3;"/>
			</div>
		</td>
	</tr>
	<tr><td style="height: 30px;" colspan="2">&nbsp;</td></tr>
	<tr><td style="height: 30px;" colspan="2">&nbsp;</td></tr>
	<tr><td style="height: 30px;" colspan="2">&nbsp;</td></tr>
	<tr>
		<td align="right" colspan="2">
			<div id="previous_btn" class="btn_up" style="float: left;">
				<label id="previous_label_btn" style="color: #999;font-size: 15px;cursor: pointer;">Previous</label>
			</div>
			<div id="complete_btn" class="btn_up">
				<label id="complete_label_btn" style="color: #999;font-size: 15px;cursor: pointer;">Complete</label>
			</div>
		</td>
	</tr>
	</table>
</div>
</body>
</html>